import React, { Component } from 'react'

export default class index extends Component {
    static tips = <div className='tips'>
        <br />
        <br />
        <p>可以使用if判断 {'&&'}运算符 和 三目运算符 在jsx中插入这类表达式进行条件渲染</p>
        <p>常用三目运算符</p>
        <p>其实就是修改组件树当前级别节点，如果追求性能可以使用css样式，只进行重绘</p>
    </div>
    static official = 'https://react.docschina.org/docs/conditional-rendering.html'
    state = {
        show: false
    }
    render() {
        return (
            <div>
                <label onClick={() => {
                    this.setState({ show: !this.state.show })
                }}>开关<input checked={this.state.show} type="checkbox" /></label>
                {
                    this.state.show
                        ? <div>隐藏内容</div>
                        : null
                }
            </div>
        )
    }
}
